<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <script src="${base }/static/js/jquery-2.1.4.min.js" type="text/javascript"></script>
    <script src="${base }/static/bs/js/jquery.min.js" type="text/javascript"></script>
    <script src="${base }/static/bs/js/md5.min.js" type="text/javascript"></script>
    <title>油卡充值</title>
    <style>
        html, body{
            padding: 0;
            margin: 0;
            width: 100%;
            height: 90%;
            position:fixed;
            left:0;
            right:0;
            top:0;
        }
        body{
            font-size: 14px;
            background:#EEEDF2;
            font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
            word-wrap: break-word;
            line-height: 22px;
            color: #666;
            position: relative;
            -webkit-text-size-adjust: none;/*取消浏览器最小字体限制*/
        }
        .head{height: 36px;width:100%;line-height: 36px;padding-left: 20px;color: #343434;background:#fff;}
        .text-box{width: 100%;height: 50%;background: #fff;margin-top:17px;}
        .text-head{width: 92%;margin: 0 auto;height:40px;line-height: 40px;color: #B5B5B5;}
        .clear{width: 92%;height:5px;border-bottom: 1px solid #EAEAEA;margin: 0 auto; }
        .clears{width: 100%;height: 8px;}
        .text-common{width: 92%;height: 27px;line-height: 27px;color: #B5B5B5;margin: 0 auto;}
        .phone{height: 36px;width:100%;margin-top:20px;line-height: 36px;color: #343434;background:#fff;}
    </style>
</head>
<body>
  
    <div class="head"><b>油卡充值</b></div>
    <div class="text-box">
        <div class="text-head">
            <div style="float:left;font-size: 13px;">付款金额</div>
            <div style="float: right;font-size:17px;color: #383838;"><b>￥&nbsp;${Order.rechargeAmount }</b></div>
        </div>
        <div class="clear"></div>
        <div class="clears"></div>
        <div class="text-common">
            <div style="float: left;">充值状态</div>
            <div style="float: right;text-align: right;">
	            <c:if test="${Order.rechargeState == 0}">充值中</c:if>
	            <c:if test="${Order.rechargeState == 1}">成功</c:if>
	            <c:if test="${Order.rechargeState == 9}">失败</c:if>
            </div>
        </div>
        <div class="text-common">
            <div style="float: left;">充值账户</div>
            <div style="float: right;text-align: right;">${Order.gascardNo }</div>
        </div>
        <div class="text-common">
            <div style="float: left;">充值时间</div>
            <div style="float: right;text-align: right;">${Order.orderTime }</div>
        </div>
        <div class="text-common">
            <div style="float: left;">订单编号</div>
            <div style="float: right;text-align: right;">${Order.orderNo }</div>
        </div>
    </div>

    <div class="phone">
        <div style="width: 92%;height: 36px;margin:0 auto;">
            <div style="float: left;">咨询电话</div>
            <div style="float: right;font-weight: bold;">400 855 9598</div>
        </div>
    </div>
</body>
</html>